<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>职位规划</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css">
<style type="text/css">
	a{
		text-decoration:none;
	}
	ul li{
		list-style: none;
	}
	.bianji-neirong{
		margin:50px 10px 10px 10px;
		width: 50%;
		margin-left: auto; 
		margin-right: auto;
	}
	.anniu{
		float: right;
		margin-top: 100px;
	}
	/* 表格里面的按钮 */
	.zhiwei-bianji{
		color: #19AA8D;
		border:1px solid #1AB394;
	}
	.zhiwei-shanchu{
		color: red;
		border:1px solid #1AB394;
	}
	.zhiwei-xq{
		color: #19AA8D;
		border:1px solid #1AB394;
	}
</style>
<script type="text/javascript">
	$(function(){
		$("#bianji").window("close");  // close a window  
		$(".zhiwei-bianji").click(function(){
			$("#bianji").window("open"); 
		});
		/* 新增 */
		$("#add-position").window("close");
		$("#zhiwei-xz").click(function(){
			$("#add-position").window("open");
		});
	});
</script>
</head>
<body>

    <a id="zhiwei-xz" class="easyui-linkbutton"  data-options="iconCls:'icon-add'">新增</a>
    <a id="zhiwuguihua" class="easyui-linkbutton" data-options="iconCls:'icon-search'">职务规划</a>
	<table class="easyui-datagrid" style="height: 440px;">   
	    <thead>   
	        <tr>   
	            <th data-options="field:'code',width:100,align:'center'">*</th>  
	            <th data-options="field:'price',width:150,align:'center'">职务名称</th>
	            <th data-options="field:'name',width:150,align:'center'">人数</th>   
	            <th data-options="field:'a',width:150,align:'center'">部门</th>
	            <th data-options="field:'a',width:150,align:'center'">对应职务</th>
	            <th data-options="field:'a',width:150,align:'center'">对应职级</th> 
	            <th data-options="field:'z',width:190,align:'center'">操作</th>
	        </tr>   
	    </thead>   
	    <tbody>   
	        <tr>  
	            <td>001</td>
	            <td>名称1</td>
	            <td>名称1</td>
	            <td>名称1</td>
	            <td>2323</td>
	            <td>2323</td>
	            <td><a class="easyui-linkbutton zhiwei-bianji" data-options="iconCls:'icon-edit'">编辑</a>  
	            <a class="easyui-linkbutton zhiwei-shanchu" data-options="iconCls:'icon-no'">删除</a>
	            <a class="easyui-linkbutton zhiwei-xq" data-options="iconCls:'icon-search'">详情</a></td> 
	        </tr>   
	        <tr>   
	            <td>001</td>
	            <td>名称1</td>
	            <td>2323</td>
	            <td>名称1</td>
	            <td>名称1</td>
	            <td>001</td>
	            <td><a class="easyui-linkbutton zhiwei-bianji" data-options="iconCls:'icon-edit'">编辑</a>  
	            <a class="easyui-linkbutton zhiwei-shanchu" data-options="iconCls:'icon-no'">删除</a> 
	       		<a class="easyui-linkbutton zhiwei-xq" data-options="iconCls:'icon-search'">详情</a></td>
	        </tr>   
	    </tbody>   
	</table>  

<!-- 	点击编辑进入窗口-->	
	<div id="bianji" class="easyui-window" title="+ 编辑" style="width:600px;height:460px"   
        data-options="iconCls:'icon-save',modal:true">   
        	<div class="bianji-neirong">
        	
				*职位名称 :<input type="text" /><br/><br/>
				*所属部门 :<input type="text" /><br/><br/>
				*对应职级 :<input type="text" /><br/><br/>
				*编制人数 :<input type="text" /><br/><br/>
				*对应职务 :<input type="text" /><br/><br/>
				*责任描述 :<input type="text" />
			</div>
			<div class="anniu">
			<a href="#" class="easyui-linkbutton">保存</a>
			<a href="#" class="easyui-linkbutton">关闭</a>
			</div>
</div>  

	<!-- 点击新增进入窗口 -->
	<div id="add-position" class="easyui-window" title="+ 新增" style="width:600px;height:500px"   
        data-options="iconCls:'icon-save',modal:true">   
        	<div class="bianji-neirong">
        	
				*职位名称 :<input type="text" /><br/><br/>
				*所属部门 :<input type="text" /><br/><br/>
				*对应职级 :<input type="text" /><br/><br/>
				*编制人数 :<input type="text" /><br/><br/>
				*对应职务 :<input type="text" /><br/><br/>
				*责任描述 :<input type="text" style="height: 60px"/>
			</div>
			<div class="anniu">
			<a href="#" class="easyui-linkbutton">确定</a>
			<a href="#" class="easyui-linkbutton">关闭</a>
			</div>
</div>  
</body>
</html>